body,
body.theme-new-default {
  --tk-color-white: #ffffff;

  --tk-modal-backdrop: rgba(99, 99, 99, 0.5);
  --tk-default-background-color: #ffffff;
  --tk-default-font-color: #000000;
  --tk-positive-currency-color: #16a336;
  --tk-zero-currency-color: #cfd5d8;
}

body.theme-classic {
  --tk-modal-backdrop: rgba(99, 99, 99, 0.5);
  --tk-default-background-color: #ffffff;
  --tk-default-font-color: #000000;
  --tk-positive-currency-color: #16a336;
  --tk-zero-currency-color: #cfd5d8;
}

body.theme-dark {
  --tk-modal-backdrop: rgba(99, 99, 99, 0.5);
  --tk-default-background-color: #2c2c2e;
  --tk-default-font-color: #ffffff;
  --tk-positive-currency-color: #6d9f38;
  --tk-zero-currency-color: #8e8e93;
}

.tk-navlink i {
  margin-right: 10px;
  padding-left: 20px;
}

.sidebar.sidebar-resized-collapsed .tk-navlink__label {
  display: none;
}

.sidebar.sidebar-resized-collapsed .tk-navlink i {
  margin-right: 0px;
  padding-left: 0px;
}

.budget-toolbar {
  padding: 0px 10px;
  align-items: center;
}

#tk-modal-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background-color: var(--tk-modal-backdrop);
}

.tk-hidden {
  display: none !important;
}
